<!-- <template>
	<view class="custom_header" style="height: {{navH}}px">
  
	  <view>左侧内容</view>
	  <view>消息</view>
	  <view>右侧内容</view>
	</view>
  </template>
  
  <script setup lang="ts">
  
  </script>
  
  <style>
  .custom_header {
	display: flex;
	justify-content: space-between;
	width: 100vw;
	line-height: 180rpx;
	font-weight: bold;
	position: fixed;
	left: 0;
	top: 0;
  }
  </style>
  -->
<template>
	<view style="box-sizing: border-box;margin-top: 140rpx;">
		<!-- 	<u-sticky bgColor='#FFF'>
			<view class="s" style="font-weight: bold; font-size: 17px; padding: 0rpx 35rpx;">
				<LeftSearch :list='list' :router='router' />
			</view>
		</u-sticky> -->

		<view style="
	
  		border-top: 1px solid #ccc;
  		width: 100%;
  		height: 70px;
  		display: flex;
  		align-items: center;
  		padding: 0 35rpx;
  		" @click="tixing">

			<!-- 左 -->
			<view
				style="background-color: #e4e4e4; width: 47px; height: 47px; border-radius: 50%; text-align: center;line-height: 56px;">
				<image src="/static/消息/消息.png" mode="" style="width: 25px; height: 25px;"></image>
			</view>
			<!-- 中 -->
			<view style="display: flex;flex-direction: column;line-height: 25px;margin-left: 10px;">
				<text style="color: #66666d;">提醒消息</text>
				<text style="color: #d0d2d6; font-size: 14.5px;">赵小刚发起一个</text>
			</view>
			<!-- 右 -->
			<view
				style="background-color: red;margin-left: 135px; width: 26px; height: 20px; color: white;border-radius: 10px;text-align: center;">
				5
			</view>
			<view style="text-align: center;margin-top: 5px;margin-left: 3px;">
				<image src="../../static/消息/右箭头.png" mode="" style="width: 25px;height: 25px;"></image>
			</view>
		</view>

		<view style="
  		border-top: 1px solid #ccc;
  		width: 100%;
  		height: 70px;
  		display: flex;
  		align-items: center;
  		padding: 0 35rpx;
  		">
			<!-- 左 -->
			<view
				style="background-color: #e4e4e4; width: 47px; height: 47px; border-radius: 50%; text-align: center;line-height: 58px;">
				<image src="/static/消息/系统公告.png" mode="" style="width: 25px; height: 25px;"></image>
			</view>
			<!-- 中 -->
			<view style="display: flex;flex-direction: column;line-height: 25px;margin-left: 10px;">
				<text style="color: #66666d;">系统公告</text>
				<text style="color: #d0d2d6; font-size: 14.5px;">赵小刚发起一个</text>
			</view>
			<!-- 右 -->
			<view
				style="background-color: red;margin-left: 135px; width: 26px; height: 20px; color: white;border-radius: 10px;text-align: center;">
				5
			</view>
			<view style="text-align: center;margin-top: 5px;margin-left: 3px;">
				<image src="../../static/消息/右箭头.png" mode="" style="width: 25px;height: 25px;"></image>
			</view>
		</view>

		<view style="
  		border-top: 1px solid #ccc;
  		width: 100%;
  		height: 70px;
  		display: flex;
  		align-items: center;
  		padding: 0 35rpx;
  		">
			<!-- 左 -->
			<view
				style="background-color: #e4e4e4; width: 47px; height: 47px; border-radius: 50%; text-align: center;line-height: 56px;">
				<image src="/static/消息/工作动态.png" mode="" style="width: 25px; height: 20px;"></image>
			</view>
			<!-- 中 -->
			<view style="display: flex;flex-direction: column;line-height: 25px;margin-left: 10px;">
				<text style="color: #66666d;">工作动态</text>
				<text style="color: #d0d2d6; font-size: 14.5px;">赵小刚发起一个</text>
			</view>
			<!-- 右 -->

			<view style="text-align: center;margin-top: 5px;margin-left: 164px;">
				<image src="../../static/消息/右箭头.png" mode="" style="width: 25px;height: 25px;"></image>
			</view>
		</view>

		<view style="
  		border-top: 1px solid #ccc;
  		width: 100%;
  		height: 70px;
  		display: flex;
  		align-items: center;
  		padding: 0 35rpx;
  		">
			<!-- 左 -->
			<view
				style="background-color: #e4e4e4; width: 47px; height: 47px; border-radius: 50%; text-align: center;line-height: 56px;">
				<image src="/static/消息/待办事项.png" mode="" style="width: 25px; height: 25px;margin-left: 5px;"></image>
			</view>
			<!-- 中 -->
			<view style="display: flex;flex-direction: column;line-height: 25px;margin-left: 10px;">
				<text style="color: #66666d;">待办事项</text>
				<text style="color: #d0d2d6; font-size: 14.5px;">赵小刚发起一个</text>
			</view>
			<!-- 右 -->

			<view style="text-align: center;margin-top: 5px;margin-left: 164px;">
				<image src="../../static/消息/右箭头.png" mode="" style="width: 25px;height: 25px;"></image>
			</view>
		</view>

		<view style="
  		border-top: 1px solid #ccc;
  		border-bottom: 1px solid #ccc;
  		width: 100%;
  		height: 70px;
  		display: flex;
  		align-items: center;
  		padding: 0 35rpx;
  		">
			<!-- 左 -->
			<view
				style="background-color: #e4e4e4; width: 47px; height: 47px; border-radius: 50%; text-align: center;line-height: 56px;">
				<image src="/static/消息/任务列表.png" mode="" style="width: 25px; height: 25px;"></image>
			</view>
			<!-- 中 -->
			<view style="display: flex;flex-direction: column;line-height: 25px;margin-left: 10px;">
				<text style="color: #66666d;">超时任务</text>
				<text style="color: #d0d2d6; font-size: 14.5px;">赵小刚发起一个</text>
			</view>
			<!-- 右 -->

			<view style="text-align: center;margin-top: 5px;margin-left: 164px;">
				<image src="../../static/消息/右箭头.png" mode="" style="width: 25px;height: 25px;"></image>
			</view>
		</view>

	</view>
</template>

<script setup>
	// import left from '../../../LeftSearch/LeftSearch.vue'
	import {
		ref,
		reactive
	} from 'vue'
	let router = ref('')
	let pages = getCurrentPages()
	let route = pages[pages.length - 1].route
	router.value = route
	const list = ref([{
		title: "消息"
	}])

	const tixing = () => {
		uni.navigateTo({
			url: "/pages/qiao-ban/qiao_xin/qiao_xin",

		})
	}
</script>

<style lang="scss">

</style>